<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>传智商城</title>
	<link href="__PUBLIC__/css/home.css" rel="stylesheet" />
	<script src="__PUBLIC__/js/jquery.min.js"></script>
</head>
<body>
	<div id="top">
		<div class="top_nav">
		<ul><li>收藏本站</li><li>关注本站</li></ul>
		<ul class="right">
						<li>您好，欢迎来到传智商城！[<a href="{:U('Home/User/login')}">登录</a>][<a href="{:U('Home/User/register')}">免费注册</a>]</li>			<li class="line">|</li><li>我的订单</li>
			<li class="line">|</li><li><a href="#" >会员中心</a></li>
			<li class="line">|</li><li><a href="#" >我的购物车</a></li>
			<li class="line">|</li><li>联系客服</li>
		</ul>
		</div>
	</div>
	<div id="box">
		<div id="header">
			<a class="left" href="#"><div id="logo"></div></a>
			<div id="search" class="left">
				<input type="text" class="left" />
				<input class="search_btn" type="button" value="搜索" />
				<p id="search_hot">热门搜索：PHP培训　大学教材　智能手机　平板电脑</p>
			</div>
			<div id="info" class="left">
				<input type="button" value="会员中心" />
				<input type="button" value="去购物车结算" />
			</div>
		</div>
		<div class="clear"></div>
		<div id="nav">
			<ul><li class="category"><a href="#">全部商品分类</a></li><li class="curr"><a href="#">首页</a></li>
				<li><a href="#">PHP</a></li><li><a href="#">Java</a></li><li><a href="#">安卓</a></li>
				<li><a href="#">.Net</a></li><li><a href="#">C/C++</a></li><li><a href="#">IOS</a></li>
			</ul>
		</div>
<div id="slide">
    <volist name="catelist"  id="vo">
	<div class="cate">
            <div class="cate1 left"><a href="{:U('Home/index/find',array('cid'=>$vo['cid']))}" >{$vo.cname}</a></div>
		<div class="subitem" style="display:none;">
                    <volist name="vo.child"  id="v2">
			<dl><dt><a href="#" >{$v2.cname}</a></dt><dd>
				|<a href="#">教材</a>|<a href="#">考试</a>|<a href="#">参考书</a></dd>
			</dl>
                    </volist>
                </div>
	</div>
    </volist>   
<!--        <div class="cate">

		<div class="cate1 left"><a href="#" >家具</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >手机</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试3</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试4</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >服装</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >家用电器</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试3</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试4</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >电脑、办公</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >运动户外</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试3</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试4</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >家具、厨具</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div><div class="cate">

		<div class="cate1 left"><a href="#" >虚拟物品</a></div>

		<div class="subitem" style="display:none;">

			<dl><dt><a href="#" >测试1</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试2</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试3</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl><dl><dt><a href="#" >测试4</a></dt><dd>

				|<a href="#">标题1</a>|<a href="#">标题2</a>|<a href="#">标题3</a></dd>

			</dl>	</div>

	</div>	-->
<div class="clear"></div>
</div>
<div id="hot" class="left"></div>
<div id="news" class="right">新闻列表</div>
<div class="clear"></div>
<div id="best">
	<div class="best-img left"></div>
        <volist name="bestlist" id="vo">
	<ul class="item left">
		<li><a href="{:U('Home/Index/goods',array('gid'=>$vo['gid']))}" target="_blank">
                        <empty name="vo.thumb">
                            <img src="__PUBLIC__/image/preview.jpg">
                        <else/>
                             <img src="__PUBLIC__/uploads/{$vo.thumb}" height='120px' width='180px' >
                        </empty>
                </a></li>
                <li class="goods"><a href="{:U('Home/Index/goods',array('gid'=>$vo['gid']))}" target="_blank">{$vo.gname}</a></li>
		<li class="price">￥{$vo.price}</li>
	</ul>
        </volist>
<!--        <ul class="item left">

		<li><a href="#" target="_blank"><img src="__PUBLIC__/image/preview.jpg"></a></li>

		<li class="goods"><a href="#" target="_blank">PHP程序设计进阶教程</a></li>

		<li class="price">￥40</li>

	</ul>-->
        <div class="clear"></div>
</div>
<script>
	$(function(){
		$(".cate").hover(function(){
			$(this).find(".subitem").show();
			$(this).find("a").addClass("on");
		},function(){
			$(this).find(".subitem").hide();
			$(this).find("a").removeClass("on");
		});
	});
</script>
		<div id="service">
			<ul><li>购物指南</li><li>配送方式</li><li>支付方式</li>
				<li>售后服务</li><li>特色服务</li><li>网络服务</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div id="footer">传智商城·本项目仅供学习使用</div>
	</div>
</body>
</html>